<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta charset="UTF-8">
    <title>正在路上</title>
    <link rel="stylesheet" type="text/css" href="/static/css/style.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_379791_2cyjes73tt5fusor.css">
    <link rel="stylesheet" href="/static/css/change.css">
</head>
<body>
    <div class="wait-header-area">
        <div class="wait-video">
            <video width="100%" height="450" controls autoplay>
            </video>
        </div>
        <div class="own-information">
         <p>主播正在赶来的路上～</p>
         <img th:src="@{${avatar}}" src="/static/images/zhuomian.jpg">
         <span th:text="${nickName}">爱直播</span>
         <div class="own-information-btn">
            <button>关注</button>
            <button>分享</button>
        </div>

    </div>
    <div class="downAPP">
        <div class="APP-text">
            <img src="/static/images/down_logo.jpg">
            <div class="down-text">
                <span>更加美妙的体验尽在app</span>
                <p>用app观看还有更多惊喜与小礼物等着你哦</p>
            </div>
        </div>
        <div class="APP-btn">
            <button class="down-on">下载</button><button class="fork iconfont icon-cha"></button>
        </div>
    </div>

</div>

<div class="recommend-area">
    <h4>推荐直播</h4>
    <div class="recommend-module">
        <div class="module-content" th:each="e : ${list}">

            <img th:src="@{${e.thumbnail}}" src="/static/images/recommend-1.jpg" th:onclick="'joinLive('+${e.liveId}+')'">
            <div class="content-text">
                <div class="content-i">
                    <img th:src="@{${e.avatar}}" src="/static/images/recommend-1.jpg">
                </div>
                <div class="content-t">
                    <span th:text="${e.title}">我是霉霉,来直播啦</span>
                    <p class="iconfont icon-touxiang-copy-copy" th:text="${e.nickName}">宝贝宝贝小宝贝</p>
                </div>
            </div>

            <span class=" iconfont icon-yanjing people-number" th:text="${e.watchNum}">9999</span>
        </div>
    </div>
    <script>
        window.onload = function(){
            resize();
            window.onresize = resize;
            function resize() {
                document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth / 360 * 100 + "px"
            }
        };
        function joinLive(val) {
            location.href='/api/v1/app/page/shareLive/'+val;
        }
    </script>
</div>
</body>
</html>